<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Bubble Theme - Quill Rich Text Editor</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="language" content="english" />
    <meta name="viewport" content="width=device-width" />

    <meta
      name="description"
      content="Quill is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture and expressive API."
    />

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@quilljs" />

    <meta name="twitter:title" content="Bubble Theme - Quill" />

    <meta
      name="twitter:description"
      content="Quill is a free, open source rich text editor built for the modern web."
    />
    <meta
      name="twitter:image"
      content="https://quilljs.com/assets/images/brand-asset.png"
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://quilljs.com/standalone/bubble/" />
    <meta
      property="og:image"
      content="https://quilljs.com/assets/images/brand-asset.png"
    />
    <meta property="og:title" content="Bubble Theme - Quill" />
    <meta property="og:site_name" content="Quill" />

    <link rel="canonical" href="https://quilljs.com/standalone/bubble/" />
    <link
      type="application/atom+xml"
      rel="alternate"
      href="https://quilljs.com/feed.xml"
      title="Quill - Your powerful rich text editor"
    />

    <link rel="stylesheet" href="../quill.bubble.css" />

    <style>
      .standalone-container {
        margin: 50px auto;
        max-width: 720px;
      }
      #bubble-container {
        height: 350px;
      }
    </style>
  </head>
  <body>
    <div class="standalone-container">
      <div id="bubble-container"></div>
    </div>

    <script src="../quill.min.js"></script>

    <script>
      var quill = new Quill("#bubble-container", {
        placeholder: "Compose an epic...",
        theme: "bubble",
      });
    </script>
  </body>
</html>
